<html>
	<head>
		<title>mdg III test</title>
		<link rel=stylesheet href=mdg3.css type=text/css>
		<script language=JavaScript>
function MM_findObj(n, d) { //v4.01
	var p,i,x;  
	if (!d)
  		d = document; 
	if ((p = n.indexOf("?")) > 0 && parent.frames.length) {
		d = parent.frames[n.substring(p+1)].document; 
		n = n.substring(0,p);
	}
	if (!(x = d[n]) && d.all) 
		x = d.all[n]; 
	for (i = 0; !x && i < d.forms.length; i++)
		x = d.forms[i][n];
	for (i = 0; !x && d.layers && i < d.layers.length; i++)
		x = MM_findObj(n, d.layers[i].document);
	if(!x && d.getElementById)
		x = d.getElementById(n);
	return x;
}

function MM_changeProp(objName, x, theProp, theValue) { //v6.0
	var obj = MM_findObj(objName);
	if (obj && (theProp.indexOf("style.") == -1 || obj.style)) {
		if (theValue == true || theValue == false)
	  		eval("obj." + theProp + "=" + theValue);
		else 
			eval("obj." + theProp + "='" + theValue + "'");
  	}
}

function popup(url, w, h) {
	window.open(url, 'mdgpopper', 'width='+w+',height='+h+',title=0,status=0,toolbar=0,directories=0,hotkeys=0,scrolling=1,scrollbars=1,location=0,menubar=0,resizable=1');
}

menu = new Array();
menu[1] = 0;
menu[2] = 0;
menu[3] = 0;
submenus = new Array();
submenus[1] = 1;
submenus[2] = 1;
submenus[3] = 0;

function menu_hi(id) {
	hide_all();
	menu[id]++;
	MM_changeProp('menu_'+id+'_'+id, '', 'style.backgroundColor', '#FFDDBB', 'DIV');
	if (submenus[id] > 0)
		MM_changeProp('submenu_'+id, '', 'style.display', 'block', 'DIV');
}
function submenu_hi(menu, id) {
	MM_changeProp('submenu_'+menu+'_'+id, '', 'style.backgroundColor', '#FFDDBB', 'DIV');
}
function hide_all() {
	for (i = 0; i < submenus.length; i++)
		if (submenus[i] > 0) {
			MM_changeProp('menu_'+i+'_'+i, '', 'style.backgroundColor', '#FFCCAA', 'DIV');
			MM_changeProp('submenu_'+i, '', 'style.display', 'none', 'DIV');
		}
}
function menu_lo(id) {
	setTimeout('really_menu_lo('+id+')', 2000);
}
function really_menu_lo(id) {
	menu[id]--;
	if (menu[id] > 0)
		return;
	MM_changeProp('menu_'+id+'_'+id, '', 'style.backgroundColor', '#FFCCAA', 'DIV');
	if (submenus[id] > 0)
		MM_changeProp('submenu_'+id, '', 'style.display', 'none', 'DIV');
}
function submenu_lo(menu, id) {
	MM_changeProp('submenu_'+menu+'_'+id, '', 'style.backgroundColor', '#FFCCAA', 'DIV');
}
		</script>
	</head>
	<body><div id=container>
	<div id=header>
		<table id=in_header><tr><td id=in_header><a class=menu href=/>logout</a> | <a class=menu href=/>help</a> | <a class=menu href=/>settings</a></td></tr></table>
	</div>
	<div id=in_container>
	<div id=beef>
		<div id=menu>
			<div class=menu id=menu_1 onMouseOut="menu_lo(1)" onMouseOver="menu_hi(1)">
				<div class=top_menu_item id=menu_1_1><a class=menu href=/>menu 1</a></div>
				<div id=submenu_1 class=submenu>
					<div class=submenu_item id=submenu_1_1 onMouseOver="submenu_hi(1,1)" onMouseOut="submenu_lo(1,1)"><a class=menu href=/>item a</a></div>
					<div class=submenu_item id=submenu_1_2 onMouseOver="submenu_hi(1,2)" onMouseOut="submenu_lo(1,2)"><a class=menu href=/>item b</a></div>
					<div class=submenu_item id=submenu_1_3 onMouseOver="submenu_hi(1,3)" onMouseOut="submenu_lo(1,3)"><a class=menu href=/>item c</a></div>
				</div>
			</div>
			<div class=menu id=menu_2 onMouseOut="menu_lo(2)" onmouseover="menu_hi(2)">
				<div class=menu_item id=menu_2_2><a class=menu href=/>menu 2</a></div>
				<div id=submenu_2 class=submenu>
					<div class=submenu_item id=submenu_2_1 onMouseOver="submenu_hi(2,1)" onMouseOut="submenu_lo(2,1)"><a class=menu href=/>item a</a></div>
					<div class=submenu_item id=submenu_2_2 onMouseOver="submenu_hi(2,2)" onMouseOut="submenu_lo(2,2)"><a class=menu href=/>item b</a></div>
					<div class=submenu_item id=submenu_2_3 onMouseOver="submenu_hi(2,3)" onMouseOut="submenu_lo(2,3)"><a class=menu href=/>item c</a></div>
				</div>
			</div>
			<div class=menu id=menu_3 onMouseOut="menu_lo(3)" onmouseover="menu_hi(3)">
				<div class=menu_item id=menu_3_3><a class=menu href=/>menu 3</a></div>
			</div>
			<div id=menubottom></div>
		</div>
		<div id=content>
			<h1>Titel</h1>
			<p>tekst</p>
		</div>
	</div>
	</div>
	</div></body>
</html>